<html>
<html lang="en"></html>
<head>
    <meta charset="utf-8" />
    <title>ECharts</title>
    <!-- 引入刚刚下载的 ECharts 文件 -->
    //<script src="echarts.js"></script>

</head>

<body>
<script src="js/echarts.js"></script>
<script src="js/axios-0.18.0.js"></script>

<div id="div" style="width: 100%; height: 400px">

</div>

<script>
    // 初始化一个图表对象
    let myecharts = echarts.init(document.getElementById("div"));
    // 准备数据
    let option = {
        title: {
            text: '销售管理系统'
        },
        tooltip: {},
        xAxis: {
            data: []
        },
        yAxis: {},
        series: [
            {
                type: 'bar',
                data: []
            }
        ]
    };

    axios.get('http://localhost:8080/cdt/select').then(res=>{
        //对上面的 option 对象中的  legend的data进行修改,和series的data进行修改
        let map = res.data;

        option.series[0].data = map.amount;
        option.xAxis.data = map.month;
        // 将数据填充到图表对象中
        myecharts.setOption(option);
    })
</script>

</body>
</html>